export const themes = {
  light: {
    background: '#ffffff',
    asideBgd: '#fafafc',
    menuBgd: '#f5f5f5',
    color: 'rgb(51, 54, 57)',
    text: 'rgb(51, 54, 57)',
    border: '1px solid #000000',
    shadow: '0 0 10px rgba(0, 0, 0, 0.1)',
    button: {
      background: '#ffffff',
      color: 'rgb(51, 54, 57)',
      hover: '#f0f0f0',
      active: '#e0e0e0',
    },
  },
  dark: {
    background: 'rgb(24,24,28)',
    asideBgd: 'rgb(24,24,28)',
    menuBgd: '#000000',
    color: '#ffffff',
    text: '#ffffff',
    border: '1px solid #ffffff',
    shadow: '0 0 10px rgba(255, 255, 255, 0.1)',
    button: {
      background: '#000000',
      color: '#ffffff',
      hover: '#202020',
      active: '#303030',
    },
  },
};
